<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%> 
<!DOCTYPE HTML>
<html>
<head>
    <title>${gameName}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport"  
        content="width=device-width,initial-scale=1.0,user-scalable=no">
    <base href="${Context}">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/alertify.core.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/alertify.default.css">
   	<link rel="stylesheet" type="text/css" href="css/login.css">
    <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/alertify.min.js"></script>
</head>
<script type="text/javascript">
var sys=sys || {};
sys.context = "${Context}";
sys.contextPath="${ContextPath}";

$(function(){
	var userName=localStorage.getItem('userName'),pwd=localStorage.getItem('pwd');
	if (userName) {
		$("#login_userName").val(userName);
    }
    if (pwd) {
    	$("#login_pwd").val(pwd);
    }
    
    var bIsMobile = false;
    var oBrowser = {
        versions: function () {
            var u = navigator.userAgent;
            return { //移动终端浏览器版本信息
                trident: u.indexOf('Trident') > -1, //IE内核
                presto: u.indexOf('Presto') > -1, //opera内核
                webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
                iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                iPad: u.indexOf('iPad') > -1, //是否iPad
                webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
            };
        }(),
        language: (navigator.browserLanguage || navigator.language).toLowerCase()
    }
    sys.oBrowser=oBrowser;
    if (oBrowser.versions.iPhone || oBrowser.versions.iPad) {
        bIsMobile = true;
    } else if (oBrowser.versions.android) {
        bIsMobile = true;
    } else {
        bIsMobile = false;
    }
    if (bIsMobile) {
        $('#loginSubmitBtn').on('touchend', login);
    } else {
        $('#loginSubmitBtn').on('click', login);
    }
});

function login(){
	var userName=$("#login_userName").val(),pwd=$("#login_pwd").val();
	if(!$("#protocolCheckBox").prop("checked")){
		alertify.alert("请同意用户协议!");
		return false;
	}
	if(!userName || !pwd){
		alertify.alert("用户名或密码不能为空!");
		return false;
	}
	if($("#remenberMe").prop("checked")){
		localStorage.setItem('userName',userName);
		localStorage.setItem('pwd',pwd);
	}else{
		localStorage.removeItem('userName');
		localStorage.removeItem('pwd');
	}
	$.post(sys.context+"user/loginIn",{"userName":userName,"pwd":pwd},function(data){
		if(data && !data.error){
				alertify.alert("登录成功！",function(){
					window.location=sys.context+"main/index";
				});
		}else if(data["msg"]){
			alertify.alert(data["msg"]);
		}
	},"json");
}
</script>
<body>

<div class="container">
        <div class="col-md-offset-3 col-md-6">
            <form id="login_form" class="form-horizontal">
                <span class="heading">扎金花代理平台</span>
                <div class="form-group">
                    <input type="text" name="userName" class="form-control" id="login_userName" placeholder="管理员用户名">
                    <i class="fa fa-user"></i>
                </div>
                <div class="form-group help">
                    <input type="password" name="pwd" class="form-control" id="login_pwd" placeholder="密　码">
                    <i class="fa fa-lock"></i>
                    <a href="#" class="fa fa-question-circle"></a>
                </div>
                <div class="form-group">
                    <div class="main-checkbox">
                        <input type="checkbox" value="None" id="remenberMe" checked="checked" name="check"/>
                        <label for="remenberMe"></label>
                    </div>
                    <span class="text">记住我</span>
                    <div style="float: right;">
	                    <div class="main-checkbox">
	                        <input type="checkbox" value="None" id="protocolCheckBox" checked="checked" name="protocolCheckBox"/>
	                    	<label for="protocolCheckBox"></label>
	                    </div>
	                    <span class="text" data-toggle="modal" data-target="#myModal">用户协议</span>
                    </div>
                </div>
                <div class="form-group">
                <button type="button"   id="loginSubmitBtn" class=" form-control btn btn-default">确认进入</button>
                </div>
            </form>
        </div>
</div>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">友友诈金花兼职网络推介合作协议</h4>
      </div>
      <div class="modal-body">
      <ul id="ModalDelegate" class=""style="list-style: none;padding: 0px;">
                <li>
                    《友友诈金花》为本协议内容涉及的标的产品。鉴于甲方拥有的互联网技术与应用服务技术，为大力宣传、推广《友友诈金花》，甲乙双方就合作对标的产品进行网络推广事宜达成以下共识。
                </li>
                <li>
                    一、各方的权利和责任：
                </li>
                <li>
                    第一项 甲方权利及责任
                </li>
                <li>
                    1、甲方保证所提供的标的产品具有完全的、独立的知识产权以及各种相关权利，并承诺此权利为甲方单独所有，并排除与第三方共有的情况，对于标的产品的权利是甲方独创或经过合法授权取得；
                </li>
                <li>
                    2、在本协议履行期间，如甲方就标的产品的知识产权或使用权发生转移、变更， 甲方必须提前一个月以书面通知、电子邮件等乙方可察觉的方式告知乙方；
                </li>
                <li>
                    3、甲方应以自己的名义对外处理正常的玩家关于“平台”上的游戏元宝商品的建议与投诉，并提供“平台”运营所必须的线上和线下客服支持业务；
                </li>
                <li>
                    4、甲方负责“平台”系统的平稳、可控性运营；
                </li>
                <li>
                    5、甲方有权根据游戏官方的价格调整情况对 “平台”上的商品种类及价格进行相应的调整，并在调整后的2个工作日内以公告、书面或通知等形式告知乙方。
                </li>
                <li>
                    6、甲乙双方系平等的合作关系，并无隶属或管理与被管理关系，双方亦不存在劳动及劳务关系。但双方均有权按照协议约定监督另一方的协议履行情况。
                </li>
                <li>
                    第二项 乙方权利和责任
                </li>
                <li>
                    1、乙方应当利用自己的人脉资源或网络资源，通过合法渠道对标的产品进行宣传，并推荐他人下载APP进行游戏。乙方在宣传及网络推广时，不得进行虚假宣传，不得采用违反国家法律法规、损害社会公序良俗的表述。如违反前述内容而产生的任何法律责任及法律制裁，乙方应当自担，与甲方无关。
                </li>
                <li>
                    2、乙方有权购买元宝并组织玩家进行游戏，但需按约定及时足额向甲方支付各项产品费用，并且以不得低于向甲方的采购价销售；
                </li>
                <li>
                    3、 为保证良好的市场运行环境，乙方在销售甲方产品时必须严格遵守甲方销售策略。未经甲方书面授权或许可情况下，乙方不得私自开展销售相关活动;对于乙方依法、如约进行的推介及宣传行为，甲方会酌情予以奖励，奖励方式由双方另行协商议定。
                </li>
                <li>
                    4、 乙方同意并认可甲方发行的可以在“平台”使用的相关产品;
                </li>
                <li>
                    5、 乙方在标的产品的游戏活动应遵守中华人民共和国法律、法规，遵守甲方的相关管理规定（包括但不限于管理办法、禁止性和限制性行为等），并自行承担因游戏活动直接或间接引起的一切法律责任;
                </li>
                <li>
                    6、 乙方可依照游戏设定的方式和程序规则，自主选择进行竞赛或游戏，并对在游戏活动产生后果负责，承担相应责任和损失，包括经济损失和精神损害。乙方承诺不利用标的产品的使用、游戏、活动、交易进行的非法活动。甲方对乙方得此类活动也不承担任何责任。
                </li>
                <li>
                    7、 禁止利用标的产品进行法律、法规禁止的活动。乙方不得自行组织或容许他人利用标的产品从事赌博等违法活动。如发现他人利用标的产品从事赌博等违法活动，应及时制止、拒绝或立即向甲方报告，并协助甲方通过注销用户ID、警告或移送司法机关等方式，与甲方共同维护国家法律并防止违法犯罪行为发生。
                </li>
                <li>
                    8、乙方为推介及宣传需要采取微信群或QQ群进行宣传的，目的应为鼓励玩家进行良性的线下互动，正面宣传甲方公司及游戏形象，乙方应注意引导正确的舆论及宣传导向，必须严格按照法律规定及公司管理规定进行管理，不得在宣传中有容许他人进行赌博等违法犯罪行为的内容。如一旦发现此类情况，推广员应立即制止，必要时将违规人员做退群处理，情节严重的，应立即向公司或有关部门反映。
                </li>
                <li>
                    9、乙方不得有损害甲方及其他公司和玩家形象、利益的行为。
                </li>
                <li>
                    二、其它
                </li>
                <li>
                    第一项 保密条款
                </li>
                <li>
                    1、 合作双方均有保密的义务，不得向任何第三方披露或者透露有关本协议内容项下的任何信息及另一方的商业秘密。不得直接或间接利用该保密信息为自己的商业目的或其他目的使用；
                </li>
                <li>
                    2、 如果本协议因任何原因终止或不再履行，合作双方不得将任何有关本协议内容的信息披露或透露给任何第三方；
                </li>
                <li>
                    3、 上述条款不因本协议的提前终止、无效或撤销而无效；
                </li>
                <li>
                    第二项 违约责任
                </li>
                <li>
                    1、本协议有其它条款对违约责任约定的，从其约定。其它条款没有约定的，违约方应依照有关法规或公平诚信原则赔偿守约方的损失。乙方违反本协议约定或违反有关法律法规规定的，甲方有权终止与乙方合作关系，一切后果由乙方承担。
                </li>
                <li>
                    第三项 纠纷处理
                </li>
                <li>
                    1、合作双方在本协议执行过程中遇有纠纷，首先应当协商解决，协商不成，可向甲方所在地法院提起诉讼。
                </li>
                <li>
                    第四项 不可抗力及其他
                </li>
                <li>
                    1、任何由于黑客攻击、计算机病毒侵入或发作、电信部门技术调整导致之影响、因政府管制而造成的暂时性关闭、由于第三方原因(包括不可抗力，例如国际出口的主干链路及国际出口电信提供商一方出现故障、火灾、水灾、雷击、地震、洪水、台风、龙卷风、火山爆发、瘟疫和传染病流行、罢工、战争或暴力行为或类似事件等)造成“平台”不能正常发布，以及其它影响网络正常经营之不可抗力及其他任何非因甲方过错而造成的个人资料泄露、丢失、被盗用或被窜改等的情况发生时，双方各不承担责任，各自的损失后果各自承担。
                </li>
                <li>
                    2、 若因不可抗拒力因素导致本协议无法继续执行，本协议终止；
                </li>
                <li>
                    3、 如确定因一方管理及工作失误所造成的一切损失，由失误方独立承担一切损失。
                </li>
                
            </ul>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
</body>
</html>